<template>
	<div class="mainContent">
		<pathTracking :path='Model.path' />
		<div class="container">
			<!-- 一级tabs -->
			<div class="tabBox">
				<div class="tabBoxStep">
					<p>{{Model.barCode}} 属性信息</p>
				</div>
				<el-row class="detailTable">
					<div class="detailTableItemTitle">
						<span class="detailTableImgSmall"></span>
						<p class="text">属性信息</p>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.propsInfoList_A" border style="width: 100%;max-height:550px">
							<el-table-column 
							v-for="item in Model.propsInfoHeader_A" 
							:key="item.prop" :prop="item.prop" :label="item.label" :width="item.width"></el-table-column>
						</el-table>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.propsInfoList_B" border style="width: 100%;max-height:550px">
							<el-table-column 
							v-for="item in Model.propsInfoHeader_B" 
							:key="item.prop" :prop="item.prop" :label="item.label" :width="item.width"></el-table-column>
						</el-table>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.propsInfoList_C" border style="width: 100%;max-height:550px">
							<el-table-column 
							v-for="item in Model.propsInfoHeader_C" 
							:key="item.prop" :prop="item.prop" :label="item.label" :width="item.width"></el-table-column>
						</el-table>
					</div>
				</el-row>
			</div>
		</div>
	</div>
</template>

<script>
	import pathTracking from "@/components/common/pathTracking";
	import {
		getDateString
	} from "@/assets/js/common.js";
	import Model from "./model.js";
	import Controller from "./controller.js";
	export default {
		name: "listAllocation",
		mixins: [Model, Controller],
		components: {
			pathTracking
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
	@import "./index.less";
</style>
